.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 355px;
  margin: 0 auto;
  max-height: 80vh;
  z-index: 100;
  overflow-y: scroll;
  scrollbar-width: none;
  display: none;

  /* firefox */
  -ms-overflow-style: none;

  /* IE 10+ */
  &::-webkit-scrollbar {
    display: none;

    /* Chrome Safari */
  }

  &.active {
    pointer-events: auto;
    display: block;
  }
}
